<?php 
	session_start();
	$dadosUsuario = $_SESSION['usuario']; 
	$nomeUsuario = $dadosUsuario['NOME'];
?>
<style type="text/css">
	div#rodape{
		position:relative;
		left:0px;
		height:100px;
		width:100%;
		background-image:url(image/footer_mainbg.gif);
		background-color:#CCE3B9;
		background-repeat:repeat-x;
		bottom:0px;
	}
	div#infoUsuario{
		position:absolute;
		height:30px;
		width:360px;
		background-image:url(image/usuario.jpg);
		background-repeat:no-repeat;
		right:30px;
		bottom:80px;
		margin-top:10px;
		z-index:2;
	}
	label#infoUsuario{
		position:absolute;
		cursor:pointer;
		top:7px;
		left:20px;
		font-family:Arial;
		font-weight:bolder;
		font-size:14px;
	}
	label#sair{
		position:absolute;
		cursor:pointer;
		top:7px;
		right:20px;
		font-family:Arial;
		font-weight:bolder;
		font-size:14px;
	}
</style>
<script type="text/javascript">
	height = 30;
	clicado = false;
	
	function upDown(){
		if( !clicado ){
			document.getElementById("infoUsuario").style.height = height++ +"px";
			if(height < 100){
				setTimeout("upDown()", 1);
			}else{
				clicado = true;
			}
		}else{
			document.getElementById("infoUsuario").style.height = height-- +"px";
			if(height > 30){
				setTimeout("upDown()", 1);
			}else{
				clicado = false;
			}
		}
	}
	
</script>
<div class="div" id="rodape">
	<div class="div" id="infoUsuario">
		<label class="label" id="infoUsuario" onclick="upDown();">
			<?php echo $nomeUsuario; ?>		
		</label>
		<label class="label" id="sair">
			<a href="index.php?acao=deslogar">(Sair)</a>
		</label>		
	</div>
</div>